import $ from 'jquery';

// 渲染导航栏
export function renderNav() {
  return `
    <nav class="navbar">
      <div class="logo">
        <a href="/" data-route="/">jQuery SPA</a>
      </div>
      <ul class="nav-links">
        <li><a href="/" data-route="/">首页</a></li>
        <li><a href="/about" data-route="/about">关于</a></li>
        <li><a href="/contact" data-route="/contact">联系我们</a></li>
      </ul>
      <div class="burger">
        <div class="line1"></div>
        <div class="line2"></div>
        <div class="line3"></div>
      </div>
    </nav>
  `;
}

// 初始化导航事件
export function initNav() {
  // 移动端菜单切换
  $('.burger').on('click', function() {
    $('.nav-links').toggleClass('nav-active');
    $(this).toggleClass('toggle');
  });
}